/*reset*/
*{ margin: 0; padding: 0; font-size: 15px; }
body{ width: 100%; height: 100%; }
a{ text-decoration: none; }
img{ vertical-align: top; }

/**/
.all{ width: 100%; width: 100%; height: 100%; background: url(../img/bg.png) no-repeat; background-size: 100% 100%; }
/*head*/
header{ max-width: 1100px; margin: 0 auto; padding-top: 10%; }
header a{ display: inline-block; }
header a img{ width: 100%; }
header a:nth-child(1){ width: 9%; }
header a:nth-child(2){ width: 21.5%; vertical-align: bottom; margin-left: 1%; }
.main{ max-width: 865px; margin: 0 auto; margin-top: 2%; }
.main:after{ content:""; height: 0; display: block; visibility: hidden; clear: both; }
.left{ float:left; width: 52.61676%; }
.left_left{ float: left; width: 61% }
.left_left a:nth-child(2){ margin: 1.3% 0; }
.left_right{ float: right; width: 35.74561% }
.left_right a:nth-child(2){ margin: 1.5% 0; }
.right{ float: right; width: 46.9208%;}
.right-left{ float: left; width: 40%; }
.right-left a:nth-child(3){ margin: 1.5% 0;}
.right-right{ float: right; width:59.36%; }
.right-right a:nth-child(2){ margin: 1.5% 0; }
.main a{ display: block; width: 100%; box-shadow: 0 0  30px  PowderBlue inset; }
.main a img{ width: 100%; }
footer{ max-width: 865px; margin: 11% auto 2%; text-align: center; }
footer img{ width: 48.1%; }

/*屏幕小于500px*/
@media screen and (max-width: 500px) {
	header{ margin-left: 8%; }
	header a{ display: block; }
	header a:nth-child(1){ width: 20%; }
	header a:nth-child(2){ width: 34%; margin-top: 2%;}
	.main{ margin-left: 8%; margin-right: 8%; margin-top: 5%; }
	.left{ clear: both; width: 100%; }
	.left_left{ width: 62.5% }
	.left_right{ width: 36.74561% }
	.right{ clear: both; width: 100%; margin-top: 1%; }
}

/*动画设置*/
/*整体上跳动画*/
.a1:hover{
	animation: ani1 1s;
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
}
@keyframes ani1{
	0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

	40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

	70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

	90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}
/*放大动画*/
.a2{ animation: ani2 0.75s }
@keyframes ani2{
	 0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

 	0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

	20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

	40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

	60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

	80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

	100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
/*抖动动画*/
.a3{ animation: ani3 1s }
@keyframes ani3{
	0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

	10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

	20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
